<template>
    <div class="home">
        <myHeader />
        <router-view></router-view>
        <playMusicModel />
        <myFooter />
    </div>
</template>

<script>
import myHeader from "./myHeader";
import mainContent from "./MainContent";
import myFooter from "./myFooter";
import playMusicModel from "../../components/PlayMusicModel";

//引入管理员仓库
import { createNamespacedHelpers } from "vuex";
const { mapState, mapMutations, mapActions } = createNamespacedHelpers("home");
export default {
    components: {
        myHeader,
        myFooter,
        playMusicModel,
    },
    name: "Home",

    methods: {
        ...mapActions(["getMusic"]),
    },
};
</script>
<style lang="scss" scoped>
body{
    overflow-x: hidden;
}
.myContainer {
    width: 100%;
    height: 80vh;
    .myAside {
        width: 300px;
    }
}
</style>